<!doctype html>
<html>
  <head>
    <meta charset="utf-8" />
    <link rel="stylesheet" type="text/css" href="css/googlemaps.css" />
    <script type="text/javascript" src="http://ajax.googleapis.com/ajax/libs/jquery/1.7.1/jquery.min.js"></script>
    <script src="http://maps.google.com/maps/api/js?sensor=false" type="text/javascript"></script>
    <script type="text/javascript" src="../src/js/googlemaps.js"></script>
    <script language="javascript">
      $(document).ready(function() {
        $("blockquote").each(function() {
          eval($(this).text());
        });
      });
    </script>
  </head>
  <body>

    <h1>Point, range and route</h1>
    <div id="map" class="map"></div>
    <blockquote>
      // Initialize the Map
      var map = $("#map").googlemaps();
      // Polygon
      var deliveryArea = map.setPolygon([
        "51.225808, 18.632813",
        "51.051754, 18.520203",
        "50.932469, 18.259277",
        "50.941123, 18.143921",
        "51.012027, 17.970886",
        "51.301428, 17.918701",
        "51.335760, 18.352661",
        "51.225808, 18.632813"
      ]);
      // Marker
      map.setMarkerAtAddress("Bolesławiec, wieruszowski, łódzkie, Polska", function(marker) {
        map.setCenterAtMarker(marker, 9);
        map.setRoute('Olesno', marker);
      }, undefined, {
        'title' : 'Kwiaciarnia'
      }, 'images/flower.png');
    </blockquote>
    
  </body>
</html>